.navigator {
  padding: 10px;
  border-bottom: 5px solid #ECEFF5;

  .item {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 10px;

    .icon {
      height: 50px;
      width: 50px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40px;
      display: inline-block;
      vertical-align: top;

      &.icon_01 {
        background-image: url("./images/01.png");
        background-size: 35px;
      }

      &.icon_02 {
        background-image: url("./images/02.png");
        background-size: 35px;
      }

      &.icon_03 {
        background-image: url("./images/03.png");
      }

      &.icon_04 {
        background-image: url("./images/04.png");
        background-size: 35px;
      }

      &.icon_05 {
        background-image: url("./images/05.png");
      }

      &.icon_06 {
        background-image: url("./images/06.png");
      }

      &.icon_07 {
        background-image: url("./images/07.png");
      }

      &.icon_08 {
        background-image: url("./images/08.png");
        background-size: 35px;
      }

      &.icon_09 {
        background-image: url("./images/09.png");
      }

      &.icon_10 {
        background-image: url("./images/10.png");
      }

      &.icon_11 {
        background-image: url("./images/11.png");
      }

      &.icon_12 {
        background-image: url("./images/12.png");
      }

      &.icon_13 {
        background-image: url("./images/13.png");
      }

      &.icon_14 {
        background-image: url("./images/14.png");
        background-size: 35px;
      }

      &.icon_15 {
        background-image: url("./images/15.png");
      }

      &.icon_16 {
        background-image: url("./images/16.png");
        background-size: 35px;
      }
    }

    .name {
      line-height: 20px;
    }
  }
}